import React, { useState } from 'react'
import { Tabs, Button, Drawer, theme } from 'antd';
import "./DeviceNew.css"
import TaskNew from './TaskNew';


const onChange = (key) => {
  console.log(key);
};
export default function DeviceNew(props) {
  const items = [
    {
      key: '1',
      label: `新建任务`,
      children:
        <TaskNew />
    },
    {
      key: '2',
      label: `新建设备列表`,
      children: `Content of Tab Pane 2`,
    },
    {
      key: '3',
      label: `即将建设超期的设备`,
      children: `Content of Tab Pane 3`,
    },
  ];
  return (
    <div style={{
      background: "white", minHeight: "545px",
      // height: document.documentElement.clientHeight - 135 
    }}>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange}
        tabBarExtraContent={<Button style={{ color: "white", background: "#1FBBA9", borderRadius: "4px", fontSize: "12px" }}>设置</Button>}
        style={{ fontSize: "12px", paddingBottom: "10px" }}
      />
    </div>




  )
}
